<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../css/public.css"/>
    <link rel="stylesheet" href="../css/index.css"/>
</head>
<body>
<div class="header">
    <div class="nav">
        <div class="content">
            <ul>
                <li class="col-7 floatleft"><a href="##">手机美淘</a></li>
                <li class="col-1 text_right floatright loddpadding"><a href="##">登录</a></li>
                <li class="col-1 text_right floatright"><a href="##">免费注册</a></li>
                <li class="col-1 text_right floatright"><a href="##">帮助中心</a></li>
                <li class="col-2 text_right floatright"><a href="##">您好，欢迎来到美淘</a></li>
            </ul>
        </div>
    </div>
    <div class="select" >
        <div class="content" style="height:120px;">
              <div class="floatleft log col-3">
              </div>
            <div class="inputtextselect">
                <div class="grp">
                    <input class="text" type="text" />
                    <button class="soushuo"><a href="commodityLists.html">搜索</a></button>
                </div>
                <div class="rightfrp">
                    <div class="floatleft gouwuchelog"></div>
                    <button class="gouwuche">购物车</button>
                </div>
            </div>
            <ul class="remen">
                <li><a href="##">连衣裙</a></li>
                <li><a href="##">拖鞋</a></li>
                <li><a href="##">短裤</a></li>
                <li><a href="##">泳衣</a></li>
                <li><a href="##">长裙</a></li>
                <li><a href="##">凉鞋</a></li>
                <li><a href="##">双肩包</a></li>
                <li><a href="##">帽子</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- 主体-->
<div class="sectionPaly">
    <div class="nav">
        <div class="content">
            <ul class="nav">
                <li class="col-2 " style="min-width:210px "><a href="##">全部商品分类</a></li>
                <li><a class="active" href="index.html">首页</a></li>
                <li><a href="##">最热</a></li>
                <li><a href="##">上衣</a></li>
                <li><a href="##">裙子</a></li>
                <li><a href="##">鞋子</a></li>
                <li><a href="##">包包</a></li>
                <li><a href="##">配饰</a></li>
                <li><a href="##">更多</a></li>
            </ul>
            <div class="aside col-2">   <!-- 旁边的导航-->
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
                <dl class="clear lastdl">
                    <dd><a href="##" class="titelcolor">每日精选</a></dd>
                    <dt class="col-4"><a href="##">雪纺衫</a></dt>
                    <dt class="col-4"><a href="##">泳衣</a></dt>
                    <dt class="col-4"><a href="##">连衣裙</a></dt>
                    <dt class="col-4"><a href="##">短裤</a></dt>
                    <dt class="col-4"><a href="##">凉鞋</a></dt>
                    <dt class="col-4"><a href="##">双肩包</a></dt>
                    <dt class="col-4"><a href="##">衣裙套装</a></dt>
                </dl>
            </div>
        </div>
        <div class="Play"> <!--轮播 -->

        </div>
        <div class="content">
            <div class="remailog">
                <ul>
                    <li ><a class="remailog_1" href="">
                        <img src="../imgs/cp_remai.png" alt=""/>
                    </a></li>
                    <li ><a class="remailog_1" href="">
                        <img src="../imgs/cp_remai.png" alt=""/>
                    </a></li>
                    <li ><a class="remailog_1" href="">
                    <img src="../imgs/cp_remai.png" alt=""/>
                </a></li>
                    <li ><a class="remailog_1" href="">
                    <img src="../imgs/cp_remai.png" alt=""/>
                </a></li>
                    <li ><a class="remailog_1" href="">
                    <img src="../imgs/cp_remai.png" alt=""/>
                </a></li>
                    <li ><a class="remailog_1" href="">
                    <img src="../imgs/cp_remai.png" alt=""/>
                </a></li>
                    <li ><a class="remailog_1" href="">
                    <img src="../imgs/cp_remai.png" alt=""/>
                </a></li>

                </ul>
            </div>
        </div>
    </div>
</div>
<div class="Newsection content">
    <div class="title col-12">
        <h1>新品精选</h1>
        <span>尖货来袭 要你好看</span>
    </div>
    <div class="Best">
         <ul class="clear">
             <li  class="lastright">
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li  class="lastright">
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
             <li>
                 <div style="background: url('../imgs/图1.jpg') no-repeat center center"></div>
                 <p class="Price">￥57.90</p>
                 <p class="like">5047</p>
                 <p class="name">夏季爱心短袖磨毛T恤</p>
             </li>
         </ul>
    </div>
    <div class="title col-12">
        <h1>今日推荐</h1>
        <span><每天10点上新></每天10点上新></span>
    </div>
    <div class="TodayRecommended clear">
        <div class="module">
            <div class="aside_bg" style="background: url('../imgs/图2.jpg') no-repeat center center"></div>
            <div class="aside_text">
                <ul>
                    <li>
                        <div class="aside_text_bg" style="background: url('../imgs/图3.jpg') no-repeat center center"></div>
                        <div class="aside_text_text">
                            <p class="aside_text_text_p">小泰克 小滑板车 红</p>
                            <p class="aside_text_text_jiage">￥259.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="aside_text_bg" style="background: url('../imgs/图3.jpg') no-repeat center center"></div>
                        <div class="aside_text_text">
                            <p class="aside_text_text_p">小泰克 小滑板车 红</p>
                            <p class="aside_text_text_jiage">￥259.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="aside_text_bg" style="background: url('../imgs/图3.jpg') no-repeat center center"></div>
                        <div class="aside_text_text">
                            <p class="aside_text_text_p">小泰克 小滑板车 红</p>
                            <p class="aside_text_text_jiage">￥259.00</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="module">
            <div class="aside_bg" style="background: url('../imgs/图2.jpg') no-repeat center center"></div>
            <div class="aside_text">
                <ul>
                    <li>
                        <div class="aside_text_bg" style="background: url('../imgs/图3.jpg') no-repeat center center"></div>
                        <div class="aside_text_text">
                            <p class="aside_text_text_p">小泰克 小滑板车 红</p>
                            <p class="aside_text_text_jiage">￥259.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="aside_text_bg" style="background: url('../imgs/图3.jpg') no-repeat center center"></div>
                        <div class="aside_text_text">
                            <p class="aside_text_text_p">小泰克 小滑板车 红</p>
                            <p class="aside_text_text_jiage">￥259.00</p>
                        </div>
                    </li>
                    <li>
                        <div class="aside_text_bg" style="background: url('../imgs/图3.jpg') no-repeat center center"></div>
                        <div class="aside_text_text">
                            <p class="aside_text_text_p">小泰克 小滑板车 红</p>
                            <p class="aside_text_text_jiage">￥259.00</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="content clear">
        <div class="footerTop clear">
            <div class="col-2 floatleft text_center">
                <dl>
                    <dt>使用帮助</dt>
                    <dd>会员等级</dd>
                    <dd>会员积分</dd>
                    <dd>常见问题</dd>
                    <dd>帮助中心</dd>
                </dl>
            </div>
            <div class="col-2 floatleft">
                <dl>
                    <dt>支付方式</dt>
                    <dd>在线支付</dd>
                    <dd>代金券支付</dd>
                </dl>
            </div>
            <div class="col-2 floatleft">
                <dl>
                    <dt>配送方式</dt>
                    <dd>包邮政策</dd>
                    <dd>配送说明</dd>
                    <dd>发货时间</dd>
                    <dd>验货签收</dd>
                </dl>
            </div>
            <div class="col-2 floatleft">
                <dl>
                    <dt>售后服务</dt>
                    <dd>正品承诺</dd>
                    <dd>售后咨询</dd>
                    <dd>退后政策</dd>
                    <dd>退货流程</dd>
                    <dd>退款方式</dd>
                </dl>
            </div>
            <div class="col-2 floatleft">
                <dl>
                    <dt>联系方式</dt>
                    <dd>总裁邮箱:12312312@qq.com</dd>
                    <dd>总裁邮箱:12312312@qq.com</dd>
                    <dd>总裁邮箱:12312312@qq.com</dd>
                    <dd>总裁邮箱:12312312@qq.com</dd>
                </dl>
            </div>

        <div class="col-2 floatleft">
            <dl>
                <dt>关注蜜芽</dt>
                <dd>
                    <img style="width:80%" src="../imgs/vxin.jpg" alt=""/>
                </dd>
            </dl>
        </div>
        </div>
        <div class="text_center brief">
            <ul>
                <li>关注蜜芽</li>
                <li>|</li>
                <li>加入蜜芽</li>
                <li>|</li>
                <li>商务合作</li>
                <li>|</li>
                <li>帮助中心</li>
                <li>|</li>
                <li>联系我们</li>
                <li>|</li>
                <li>友情链接</li>
                <li>|</li>
                <li>媒体报道</li>
            </ul>
        </div>
        <div class="footershuoming">
            <p class="shuoming">京公网安备：1045641|营业执照：9451234|食品流通许可证:sp456412316541|京icp14156号|京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564京cp备：41564</p>
        </div>
        <div class="footerImg">
            <div class="zfb"></div>
        </div>
    </div>
</div>
</body>
</html>